<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Asia Tech Wire 推送</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <script type="text/javascript" src="{{$style_host}}atw/js/jquery.min.js"></script>
<body>
<div class="big">
    <div class="main">


        @foreach($nList as $_time=>$_list)

            <div class="time">
                <span>Today highlights</span>{{$_time}}


            </div>

            @foreach($_list as $_row)
                <div class="list">


                    @if($_row['en_title'])
                        <h2><a href="{{atwUrl('article', $_row)}}" target="_blank">{{$_row['en_title']}}</a></h2>
                    @endif


                    @if($_row['pic'])
                        <h4>
                            <img src="{{$_row['pic']}}" class="img"/>
                        </h4>
                    @endif


                    @if($_row['en_description'])
                        <h3>
                            <a href="{{atwUrl('article', $_row)}}" target="_blank">{{$_row['en_description']}}</a>
                        </h3>
                    @endif


                </div>

            @endforeach
        @endforeach


    </div>

</div>

</body>


<style>
    * {
        margin: 0;
        padding: 0;
        font: 14px/1.3 Proxima Nova, Helvetica, Arial, sans-serif;
    }


    body {

    }

    .big {
        background-color: #f4f5f9;
        padding: 20px;
    }

    .main {

        margin: 0 auto;
        max-width: 550px;
    }

    .time {
        padding: 15px 0;
    }

    .time span {
        font-size: 22px;
        font-weight: 700;
        margin-right: 10px;
    }

    .list {
        margin: 10px 0 0 0;
        background-color: #ffffff;
        padding: 12px 12px 16px 12px;
    }

    h2 {

        font-weight: 700;
    }

    h2 a {
        font-size: 22px;
        font-weight: 700;
        text-decoration: none !important;
        color: #2c2c2c;
    }

    h3 {
        margin: 5px 0;


    }

    h3 a {
        text-decoration: none !important;
        color: #2c2c2c;
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    h4 {
        padding-top: 14px;
    }

    h4 img {
        width: 100%;
    }


</style>

</html>
